<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <link href="__ROOT__/Lib/ORG/style/css/base.css" rel="stylesheet" type="text/css" />
		<link href="__ROOT__/Lib/ORG/style/css/demo.css" rel="stylesheet" type="text/css" />
    	<style type="text/css">
			.Tab{border-collapse:collapse; width:1100px; height:30px;}
			.Tab td{border:solid 1px #000}
			</style>
  </head>
	<body>
		<h1 align="center">
			iT wOrks.<br>
			tHis iS cAmpus fAir mAnage Page.<br>
		</h1>
		<hr>
		
		<table align="center" cellspacing="0" class="Tab">
	  	<tr>
	    	<td align="center"><a href="__APP__/City">城市列表</a></td>
	    	<td align="center"><a href="__APP__/School/">学校列表</a></td>
	    	<td align="center"><a href="__APP__/Book">书籍信息</a></td>
	    	<td align="center"><a href="__APP__/Other">生活用品</a></td>
	  	</tr>
  	</table>
  	<hr>
  	
		<eq name="Pagetype" value="1">
		<h3>
		>>添加书籍信息&nbsp;&nbsp;&nbsp;&nbsp;<a href="__APP__/Book">[书籍列表]</a><br>
		</h3>
		<hr>
		
		<form name='Book' method='post' action="__URL__/Add">
			<table align="center" cellspacing="0" class="Tab">
	  		<tr>
	  			
				<ul class="clearfix selects_list">
					<li class="l">
				    	<div class="select-column">
				          <select class="ld-select" name="school" width="100">
				                <option value="">请选择学校</option>
				            </select>      
				        </div>    
				    </li>
					<li class="l">
				    	<div class="select-column">
				           <select class="ld-select" name="college" width="100" style="display:none;">
				               <option value="">请选择学院</option>
				           </select>    
				      </div>     
				  </li>   
				</ul>	 
					  	    
		  	<tr>
		    标题&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="title" id="title">
		  	</tr>
		  	<tr>
		    	内容&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea name="content" id="content" cols ="50" rows = "5"></textarea>
		  	</tr>
		  	<input type="submit" value="提交">
	  	</table>
			
		</form>
		</eq>

  	<hr>
  	
  	
  	
<script src="__ROOT__/Lib/ORG/js/jquery-1.6.1.min.js"></script>
<script src="__ROOT__/Lib/ORG/js/jquery.ld.js"></script>
<script type="text/javascript">
$(function(){
	//示例5
	var $ld5 = $(".ld-select");					  
	$ld5.ld({ajaxOptions : {"url" : "__ROOT__/Lib/ORG/get_college.php"},
											  defaultParentId : 1,
						  					style : {"width" : 120}
	                     })
	var ld5_api = $ld5.ld("api");
	//监听change事件	
	$ld5.bind("change",onchange);
	//当最后一个选择框加载完数据后触发
	$ld5.eq(2).bind("afterLoad.ld",afterLoad);
	
	function onchange(e){
		var $target = $(e.target);
		var index = $ld5.index($target);
		index ++;
		$ld5.eq(index).show();
		
		logEvent(e);
	}
	
	function afterLoad(e){
		logEvent(e);
	}
	// 打印事件
	function logEvent(event) {
		var s = '事件：'+event.type; 
		// 向面板添加新的消息
		$('#log').append('<p>'+s+'</p');
	}
})
</script>
	</body>
</html>